<template>
  <div>
    <!-- 标题 -->
    <div class="header">
      <div class="header-box">
        <div class="header-l">
          <van-icon name="arrow-left" />
          <span @click="backTo">返回</span>
        </div>

        <h2 class="header-m">专题</h2>
        <div></div>
      </div>
    </div>

    <div class="pImage" v-if="list.data" v-html="list.data.content"></div>
    <!-- 图片说明 -->
    <div class="header-b" v-if="list.recommendList">
      <ul>
        <li v-for="item in list.recommendList" >
          <img class="img" :src="item.scene_pic_url" alt="" />
          <p>{{ item.title }}</p>
        </li>
      </ul>
    </div>
  </div>
</template>
  
  <script>
import { detailaction } from "@/api/topic";
export default {
  name: "",
  data() {
    return {
      id: "",
      list: {},
    };
  },
  async created() {
    this.id = this.$route.query.id;
    let a = await detailaction({ id: this.id });
    console.log(a);
    this.list = a;
  },
  mounted() {},
  methods: {
    backTo() {
      this.$router.back();
    },
    
  },
};
</script>
  
  <style lang="scss" scoped>
@import "./scss/index.scss";
::v-deep .pImage {
  img {
    width: 750px;
  }
}
</style>